// pages/home/home.js
Page({
  data: {
    navList: [
      { id: 0, src: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.KGb_tahGgfy4Jx5dQ1UwGAHaLH?rs=1&pid=ImgDetMain', label: '文创' },
      { id: 1, src: 'https://img95.699pic.com/element/40193/3278.png_860.png', label: '饮品' },
      { id: 2, src: 'https://img.zcool.cn/community/0105ec5b5ac3cba801206a35cf08a8.jpg@1280w_1l_2o_100sh.jpg', label: '美食' },
      { id: 3, src: 'https://img95.699pic.com/element/40036/7863.png_860.png', label: '其他' }
    ],
    item:[
      {
        id:0,
        goods_picture:'https://img.zcool.cn/community/01540056de68de32f875520f745f67.jpg@2o.jpg'
      },
      {
        id: 1,
        goods_picture: 'https://img.zcool.cn/community/013a1556de68dd6ac72531cba54c5d.jpg@2o.jpg'
      },
      {
        id: 2,
        goods_picture: 'https://img.zcool.cn/community/017a4758aac1bca801219c77e15523.jpg@1280w_1l_2o_100sh.jpg'
      },
    ],
    indicatorDots:true,
    indicatorColor:"#000000",
    indicatorActiveColor:"#e91e56",
    autoplay:true,
    interval:3000,
    duration:500,
    circular:true,
    items:[
      // {
      //   id:'0',
      //   name:'文创商品',
      //   image:'https://tse4-mm.cn.bing.net/th/id/OIP-C.KGb_tahGgfy4Jx5dQ1UwGAHaLH?rs=1&pid=ImgDetMain',
      //   price:'￥100',
      //   abstract:'文创！'
      // },
      // {
      //   id: '1',
      //   name: '特色饮品',
      //   image: 'https://img95.699pic.com/element/40193/3278.png_860.png',
      //   price: '￥100',
      //   abstract: '好喝的'
      // },
      // {
      //   id: '2',
      //   name: '特色美食',
      //   image: 'https://img.zcool.cn/community/0105ec5b5ac3cba801206a35cf08a8.jpg@1280w_1l_2o_100sh.jpg',
      //   price: '￥100',
      //   abstract: '好吃的'
      // },
      // {
      //   id: '3',
      //   name: '其他',
      //   image: 'https://img95.699pic.com/element/40036/7863.png_860.png',
      //   price: '￥100',
      //   abstract: '其他'
      // },
    ],
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad:function(){
    this.fetchSwiperData();
    var that = this;
    
    wx.request({
      // 商品列表
      url: 'http://8.138.155.196:3000/users/api/goods', // 你的API端点
      method: 'GET',
      // header: {
      //   'Authorization':jwt.jwt,
      //   'content-type': 'application/json'
      // },
      // data: {
      //   // type: this.data.selectedId
      //   // categoryId: categoryId // 传递参数到服务器
      // },
      success: function(res) {
        // 请求成功的处理逻辑
        if (res.statusCode === 200) {
          // 假设服务器返回的数据格式和你的goodsData结构一致
          console.log(res.data.data);
          // this.setData({
          //   goods: res.data || [] // 使用服务器返回的数据更新页面数据
          // });
          // console.log('in wx.request', this);

          // const items=res.data.data;
          that.setData({
            items: res.data.data || [] // 使用服务器返回的数据更新页面数据
          });
        } else {
          // 处理错误情况
          console.error('API请求失败:', res.statusCode, res.errMsg);
        }
      },
      fail: function(err) {
        // 请求失败的处理逻辑
        console.error('请求失败:', err);
      }
    });
  },
  // 商品轮播图
  fetchSwiperData: function() {
    var that = this;
    wx.request({
      url: 'http://8.138.155.196:3000/users/api/goodspicture', 
      method: 'GET',
      success: function(res) {
        // 假设返回的数据格式是 { data: [{ src: 'image1.jpg' }, { src: 'image2.jpg' }] }
        // 检查返回的数据是否有误
        if (res.data && res.data.data) {
          that.setData({
            swipers: res.data.data 
          });
        } else {
          console.error('后端接口返回数据格式错误或数据不存在');
        }
      },
      fail: function(error) {
        console.error('请求后端接口失败:', error);
      }
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },
  // 点击搜索框获取焦点
  clickSearch(){
    wx.navigateTo({
        url:'/packageA/pages/shop/search/search'
    })
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  },
  //监听页面滑动距离判断搜索栏的背景色
  onPageScroll: function (e) {
    this.setData({
      scrollTop: e.scrollTop
    })
  },
  navigateToKind: function(e) {
    // 获取点击的导航项的 id
    const id = e.currentTarget.dataset.id;
    wx.switchTab({
      url: '/pages/classify/classify?id=${id}',
    });
  },
  
  toDetail:function(e){
    console.log(e);
    const goodsId =e.currentTarget.dataset.id;
    const jwt = wx.getStorageSync('token'); // 从本地缓存中获取JWT Token
    // 导航到商品详情页面  
    wx.navigateTo({  
      url: `/packageA/pages/detail/detail?goodsId=${goodsId}`  
    });  
    // this.fetchProductInfo(goodsId, jwt.jwt).then(() => {  
    //   // 接口调用成功后的处理，比如保存浏览历史（如果你需要在这里做的话）  
    //   this.saveViewHistory(goodsId);  
  
      
    // }).catch(error => {  
    //   // 接口调用失败的处理  
    //   console.error('Failed to fetch product info:', error);  
    //   wx.showToast({  
    //     title: '加载商品信息失败',  
    //     icon: 'none'  
    //   });  
    // });  
  },  
  fetchProductInfo: function(goodsId, jwt) {  
    return new Promise((resolve, reject) => {  
      wx.request({  
        url: 'http://8.138.155.196:3000/users/getCommunityInfoById', // 替换为你的API URL  
        method: 'POST', // 或POST，取决于你的API要求  
        header: {  
          'Authorization': jwt, // 假设你的API使用Bearer令牌  
          'Content-Type': 'application/json' // 如果需要的话  
        },  
        data: {  
          goodsId: goodsId // 如果API需要作为请求体发送，否则可能不需要这个data对象  
        },  
        success: (res) => {  
          if (res.statusCode === 200) {  
            // 处理响应数据，比如更新页面数据等（这里可能不需要，因为你只是查看详情）  
            resolve();  
          } else {  
            reject(new Error(`Unexpected status code: ${res.statusCode}`));  
          }  
        },  
        fail: (error) => {  
          reject(error);  
        }  
      });  
    });  
  },  
  
  saveViewHistory: function (productId) {
    // 获取当前的浏览记录
    var history = wx.getStorageSync('viewHistory') || [];
    // 添加新的浏览记录
    history.push(productId);
    // 保存更新后的浏览记录
    wx.setStorageSync('viewHistory', history);
    console.log(history);
  },
  // 搜索栏input回调
  searchValue: function (res) {
    console.log(res.detail.value)
    this.setData({
      searchValue: res.detail.value
    })
  },
  // 搜索栏搜索图标
  search: function (res) {
    if (this.data.searchValue != null || this.data.searchValue !=''){
      var url = '../shop/search/search';
    }
    else{
      var url = '../shop/searchno/searchno';
    }
    wx.navigateTo({
      url: url,
    })

  }
 
})